<!--
	作者：1597355434@qq.com
	时间：2018-06-28
	描述：bootstrap 响应式网站 个人网站 杨玉印 洋芋
-->
<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="bootstrap 响应式网站 个人网站 杨玉印 洋芋" content=" 大作业 响应式网站">
    <meta name="杨玉印 洋芋" content="大作业 前端">

    <title>SCHOOL|CQNU|杨玉印</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/modern.css" rel="stylesheet">
  </head>
  <body>
  	     
    <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark fixed-top">
 <div class="container">
        <a class="navbar-brand" href="index.html">重庆师范大学</a>
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link" href="index.html">主页</a>
            </li>
             <li class="nav-item">
              <a class="nav-link  active" href="#services">学校</a>
            </li>
            
            <li class="nav-item">
              <a class="nav-link" href="blog.html">博文</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="arctil.html">趣味杂谈</a>      
          </ul>
        </div>

    </nav> </div>
    <header>
      <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner" role="listbox"> 
          <div class="carousel-item active" style="background-image: url('images/timg2.jpg')">
            <div class="carousel-caption d-none d-md-block">
              <h3>泛月桥</h3>
              <p>泛月桥桥如其名，呈月牙形</p>
            </div>
          </div>
         
          <div class="carousel-item" style="background-image: url('images/timg.jpg')">
            <div class="carousel-caption d-none d-md-block">
              <h3>重师夜景</h3>
              <p>鸟瞰重师</p>
            </div>
          </div>
      
          <div class="carousel-item" style="background-image: url('images/timg3.jpg')">
            <div class="carousel-caption d-none d-md-block">
              <h3>马鞭草</h3>
              <p>山有木兮木有枝，心悦君兮君不知</p>
            </div>
          </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
    </header>


    <div class="container">

<br>
      <h2>重师美景</h2>

      <div class="row">
        <div class="col-lg-4 col-sm-6 portfolio-item">
          <div class="card h-100">
            <a href="#"><img class="card-img-top" src="images/cs1.jpg" alt=""></a>
            <div class="card-body">
              <h4 class="card-title">
                <a href="#">重师正门</a>
              </h4>
              <p class="card-text">学高为师，身正为范，重师的标志性之一，藏头师范二字，学高，身正，一目了然,时刻警醒着重师学子</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6 portfolio-item">
          <div class="card h-100">
            <a href="#"><img class="card-img-top" src="images/cs2.jpg" alt=""></a>
            <div class="card-body">
              <h4 class="card-title">
                <a href="#">泛月桥</a>
              </h4>
              <p class="card-text">桥北雨余春水生，桥南日落暮山横。问君对酒胡不乐？听取菱歌烟外声</p>
              <p>你站在桥上看风景，看风景的人在楼上看你</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6 portfolio-item">
          <div class="card h-100">
            <a href="#"><img class="card-img-top" src="images/cs3.jpg" alt=""></a>
            <div class="card-body">
              <h4 class="card-title">
                <a href="#">校友会堂</a>
              </h4>
              <p class="card-text">同舟共济 和睦相处</p><p>相安无事 相濡以沫</p>情逾骨肉 情深似海</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6 portfolio-item">
          <div class="card h-100">
            <a href="#"><img class="card-img-top" src="images/cs4.jpg" alt=""></a>
            <div class="card-body">
              <h4 class="card-title">
                <a href="#">马鞭草</a>
              </h4>
              <p class="card-text">有情芍药含春泪，无力蔷薇卧晓枝</p><p>枝间新绿一重重，小蕾深藏数点红</p><p>只恐夜深花睡去，故烧高烛照红妆</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6 portfolio-item">
          <div class="card h-100">
            <a href="#"><img class="card-img-top" src="images/cs5.jpg" alt=""></a>
            <div class="card-body">
              <h4 class="card-title">
                <a href="#">重师向日葵</a>
              </h4>
              <p class="card-text">
              	四月晴和雨乍晴， 南山当户转分明。</p><p>更无柳絮因风起，更无柳絮因风起</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-sm-6 portfolio-item">
          <div class="card h-100">
            <a href="#"><img class="card-img-top" src="images/cs6.jpg" alt=""></a>
            <div class="card-body">
              <h4 class="card-title">
                <a href="#">情人坡</a>
              </h4>
              <p class="card-text">出林杏子落金盘。齿软怕尝酸。可惜半残青紫，犹印小唇丹。南陌上，落花闲。雨斑斑。不言不语，一段伤春，都在眉间。 </p>
            </div>
          </div>
        </div>
      </div>
  
      <div class="row">
        <div class="col-lg-6">
          <h2>重师计科</h2>
         
          <ul>
            <li>
              <strong>PHP</strong>
            </li>
            <li>jQuery</li>
<li>Bootstrap</li>
            <li>Mysql</li>
            <li>Javascript</li>
          </ul>
          <p>走进重师，走进计科，带你赚钱，带你飞，web方向的先驱，</p>
          <p>
          	走进计科成为计算机大神指日可待
          </p>
          <p>
          	欢迎
          </p>
        </div>
        <div class="col-lg-6">
          <img class="img-fluid rounded" src="images/computer.jpg" alt="">
        </div>
      </div>
   

      <hr>

      <div class="row mb-4">
        <div class="col-md-8">
          <p>正路并不一定就是一条平平坦坦的直路，
难免有些曲折和崎岖险阻，要绕一些弯，甚至难免误入歧途.</p>
<p>
	天下古今之庸人皆以一惰字致败，天下古今之才人皆以傲字致败。
</p>
        </div>
        <div class="col-md-4">
          <a class="btn btn-lg btn-secondary btn-block" id="fly">回到顶部</a>
        </div>
      </div>

</div>
    <footer class="py-5 bg-dark">
      <div class="container">
        <p class="m-0 text-center text-white">Copyright &copy; 杨玉印 |2018</p>
        <p id="time" class="m-0 text-center text-white"></p><body>
      </div>
      <!-- /.container -->
    </footer>

    <script src="js/jquery1.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
<script type="text/javascript">
			(function() {
				var coreSocialistValues = ["images/3.png", "images/4.png", "images/2.png","images/1.png","images/5.png","images/6.png","images/7.png","images/8.png","images/9.png","images/10.png","images/11.png"],
					index = Math.floor(Math.random() * coreSocialistValues.length);
				document.body.addEventListener('click', function(e) {
					if(e.target.tagName == 'A') {
						return;
					}
					var x = e.pageX,
						y = e.pageY,
						img = document.createElement('img');
					img.src = coreSocialistValues[index];
					index = (index + 1) % coreSocialistValues.length;
					img.style.cssText = ['z-index: 9999999; position: absolute; font-weight: bold; color: #ff6651; top: ', y - 20, 'px; left: ', x, 'px;'].join('');
					document.body.appendChild(img);
					animate(img);
				});

				function animate(el) {
					var i = 0,
						top = parseInt(el.style.top),
						id = setInterval(frame, 16.7);

					function frame() {
						if(i > 180) {
							clearInterval(id);
							el.parentNode.removeChild(el);
						} else {
							i += 2;
							el.style.top = top - i + 'px';
							el.style.opacity = (180 - i) / 180;
						}
					}
				}
			}());
		</script>
		<script type='text/javascript'>
			window.onload = function() {
				refreshTime(); //当页面加载完时运行时间函数
			}

			function checkTime(i) {
				if(i < 10) {
					i = '0' + i //定义当分钟，秒钟小于10时，使一位数显示为两位数
				}
				return i //大于10时，正常显示
			}

			function refreshTime() { //定义时间函数
				var date = new Date(); //获取当前默认格式的当前时间
				var myYear = date.getFullYear(); //在默认格式时间中提取四位数的年份
				var myMonth = date.getMonth() + 1; //在默认格式时间中提取月份，（月份返回值是0-11，实际月份要返回值+1）
				var myDate = date.getDate(); //在默认格式实践中提取日期
				var myDay = date.getDay(); //在默认格式中提取星期（返回值0-6对应星期天-星期六）
				var myHours = date.getHours(); //在默认格式实践中提取日期小时
				var myMinutes = date.getMinutes(); //在默认格式实践中提取日期分钟
				var mySeconds = date.getSeconds(); //在默认格式实践中提取日期分钟
				var pushM = checkTime(myMinutes);
				var pushS = checkTime(mySeconds); //用checkTime函数使时间为0~9时替换为00~09
				//alert(myDay);//test
				document.getElementById('time').innerHTML = myYear + '年' + myMonth + '月' + myDate + '日&nbsp&nbsp' + myHours + ':' + pushM + ':' + pushS + '<br/>' //使id为'time'的文本值替换为该格式的时间
				setTimeout(refreshTime, 1000) //每1000毫秒运行一次refreshTime函数，即每秒刷新一次时间
			}
		</script>
		<script>
			$('#fly').click(function () {
    $('html,body').animate({'scrollTop': '0px'}, 500);//滚动动画
});
		</script>
			
  </body>

</html>
